<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset=utf-8"utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title th:text="${title}"></title>
    <!--<meta name="description" content="在此之前我有写过一篇如何使用我博客模板的文章 请先看这篇基础集成，这篇文章主要讲的是如何使用和修改我的博客主题，文章内容含以下几点：">-->
    <meta name="author" content="lygoup@163.com">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" th:content="${title}">
    <meta name="twitter:description" content="在此之前我有写过一篇如何使用我博客模板的文章 请先看这篇基础集成，这篇文章主要讲的是如何使用和修改我的博客主题，文章内容含以下几点：">
    <meta property="og:type" content="article">
    <meta property="og:title" th:content="${title}">
    <meta property="og:description" content="在此之前我有写过一篇如何使用我博客模板的文章 请先看这篇基础集成，这篇文章主要讲的是如何使用和修改我的博客主题，文章内容含以下几点：">
    <link rel="icon" type="image/png" th:href="@{/images/favorite.png}" sizes="16×16"/>
    <link th:href="@{/images/favorite.png}" rel="shortcut icon" type="image/png">
    <link rel="stylesheet" th:href="@{/css/main.css}">
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet">
    <!--评论资源引入-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/semantic.min.css}">
    <!--评论资源引入end-->
    <script src="https://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
    <script>
        function dashangToggle() {
            $(".hide_box-play").fadeToggle();
            $(".shang_box-play").fadeToggle();
        }

        function settingToggle() {
            $(".hide_box-setting").fadeToggle();
            $(".shang_box-setting").fadeToggle();
        }

        function settingCommentInfo() {


            $(".hide_box-setting").fadeToggle();
            $(".shang_box-setting").fadeToggle();
        }

    </script>
    <style>
        p {
            line-height: 30px;
        }
         body {
             /*zoom: 90%;*/
         }
    </style>
</head>
<body>
<span class="mobile btn-mobile-menu">
    <div class="nav_container">
        <nav class="nav-menu-item" style="float:right"><i class="nav-menu-item">
            <a th:href="@{/index}" title="" class="blog-button">  博客主页</a>
        </i>
            <i class="nav-menu-item">
                <a th:href="@{/allArticle}" title="archive" class="btn-mobile-menu__icon">所有文章</a>
            </i>
            <i class="nav-menu-item">
                <a th:href="@{/label}" title="tags" class="btn-mobile-menu__icon">标签</a>
            </i>
            <i class="nav-menu-item">
                <a th:href="@{/TechSupport}" title="support" class="btn-mobile-menu__icon">技术支持</a>
            </i>
            <i class="nav-menu-item">
                <a th:href="@{/aboutme}" title="about" class="btn-mobile-menu__icon">关于我</a>
            </i>
        </nav>
    </div>
</span>

<!--panel-cover--collapsed不要动这个属性-->
<header class="panel-cover panel-cover--collapsed" style="background-image: url('../images/background-cover.jpg')">
    <div class="panel-main">
        <div class="panel-main__inner panel-inverted">
            <div class="panel-main__content">
                <!-- 头像效果-start -->
                <div class="ih-item circle effect right_to_left">
                    <a title="前往柳勇的主页" class="blog-button">
                        <div class="img"><img th:src="@{/images/avatar.jpg}" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h2>
                                    <p>lygoup@163.com</p>
                                </h2>
                                <p style="margin-top: 30px">Base on Java</p>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- 头像效果-end -->
                <h1 class="panel-cover__title panel-title">
                    <a th:href="@{/index}" title="link to homepage for 柳勇" class="blog-button">柳勇</a>
                </h1>
                <span class="panel-cover__subtitle panel-subtitle">个人站</span>
                <hr class="panel-cover__divider"/>
                <p class="panel-cover__description">博观而约取，厚积而薄发</p>
                <hr class="panel-cover__divider panel-cover__divider--secondary"/>
                <div class="navigation-wrapper">
                    <div>
                        <nav class="cover-navigation cover-navigation--primary">
                            <ul class="navigation">
                                <li class="navigation__item">
                                    <a th:href="@{/index}" title="" class="blog-button">博客主页</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/allArticle}" title="archive">所有文章</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/label}" title="tags">标签</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/TechSupport}" title="support">技术支持</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/aboutme}" title="about">关于我</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-cover--overlay cover-clear"></div>
</header>
<div class="content-wrapper">
    <div class="content-wrapper__inner">
        <!--<head>
            <link rel="stylesheet" th:href="@{/css/post.css}">
        </head>
        <article class="post-container post-container&#45;&#45;single">
            <header class="post-header">
                <h1 class="post-title" th:text="${title}"></h1>
                <div class="post-meta">
                    <img th:src="@{/images/calendar.png}" width="20px"/>
                    <time th:text="${#dates.format(blogTime,'yyyy-MM-dd')}"
                          datetime="2021-07-11 00:00:00 +0800" itemprop="datePublished" class="post-meta__date date">
                    </time>
                    <span id="busuanzi_container_page_pv"> | 阅读：
                        <span th:text="${readNum}" id="busuanzi_value_page_pv"></span>次
                    </span>
                </div>
            </header>
            <p th:utext="${detail}"></p>
        </article>-->
        <!--<section>
            <div class="content-play">
                <p><a style="line-height: 5px;font-size: 5px" href="javascript:void(0)" onclick="dashangToggle()"
                      class="dashang" title="打赏，支持一下">打赏一个呗</a></p>
                <div class="hide_box-play"></div>
                <div class="shang_box-play">
                    <a class="shang_close-play" href="javascript:void(0)" onclick="dashangToggle()" title="关闭">
                        <img th:src="@{/images/close.jpg}" alt="取消"/>
                    </a>
                    <div class="shang_tit-play">
                        <p>感谢您的支持，我会继续努力的!</p>
                    </div>
                    <div class="shang_payimg">
                        <img th:src="@{/images/alipayimg.jpg}" alt="扫码支持" title="扫一扫"/>
                    </div>
                    <div class="shang_payimg">
                        <img th:src="@{/images/weipayimg.jpg}" alt="扫码支持" title="扫一扫"/>
                    </div>
                    <div class="pay_explain">扫码打赏，你说多少就多少</div>
                    <div class="shang_payselect">
                        <div class="pay_item checked" data-id="alipay">
                            <span class="pay_logo">
                                <img th:src="@{/images/alipay.jpg}" alt="支付宝"/>
                            </span>
                        </div>
                        <div class="pay_item" data-id="weipay">
                            <span class="pay_logo">
                                <img th:src="@{/images/wechat.jpg}" alt="微信"/>
                            </span>
                        </div>
                    </div>
                    <div class="shang_info-play">
                        <p>
                            打开<span id="shang_pay_txt">支付宝</span>扫一扫，即可进行扫码打赏哦
                        </p>
                    </div>
                </div>

                &lt;!&ndash;我的自定义弹出式表单start&ndash;&gt;
                <div class="hide_box-setting"></div>
                <div class="shang_box-setting">
                    <a class="shang_close-play" href="javascript:void(0)" onclick="settingToggle()" title="关闭">
                        <img th:src="@{/images/close.jpg}" alt="取消"/>
                    </a>
                    &lt;!&ndash;在这里写表单，建议使用UI框架&ndash;&gt;
                    <div class="shang_tit-play">
                        <p>回复设置</p>
                    </div>
                    <div class="shang_info-play">
                        <p>
                            编辑你回复的个人信息：<br><br>
                        </p>
                    </div>
                    &lt;!&ndash;头像展示，未来不需要更改&ndash;&gt;
                    <div class="field" style="width: 300px;margin: 0 auto">
                        你喜欢哪个头像？<br><br>
                        <input type="radio" id="radio1" name="avatar" value="/images/avatar/avatar13.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar13.jpg}"
                             onclick="radio1.checked=true">
                        <input type="radio" id="radio2"  name="avatar" value="/images/avatar/avatar14.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar14.jpg}"
                             onclick="radio2.checked=true">
                        <input type="radio" id="radio3"  name="avatar" value="/images/avatar/avatar15.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar15.jpg}"
                             onclick="radio3.checked=true">
                        <input type="radio" id="radio4" name="avatar" value="/images/avatar/avatar16.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar16.jpg}"
                             onclick="radio4.checked=true">
                        <br>
                        <input type="radio" id="radio5" name="avatar" value="/images/avatar/avatar9.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar9.jpg}"
                             onclick="radio5.checked=true">
                        <input type="radio" id="radio6" name="avatar" value="/images/avatar/avatar10.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar10.jpg}"
                             onclick="radio6.checked=true">
                        <input type="radio" id="radio7" name="avatar" value="/images/avatar/avatar11.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar11.jpg}"
                             onclick="radio7.checked=true">
                        <input type="radio" id="radio8" name="avatar" value="/images/avatar/avatar12.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar12.jpg}"
                             onclick="radio8.checked=true">
                        <br>
                        <input type="radio" id="radio9" name="avatar" value="/images/avatar/avatar17.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar17.jpg}"
                             onclick="radio9.checked=true">
                        <input type="radio" id="radio10" name="avatar" value="/images/avatar/avatar18.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar18.jpg}"
                             onclick="radio10.checked=true">
                        <input type="radio" id="radio11" name="avatar" value="/images/avatar/avatar19.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar19.jpg}"
                             onclick="radio11.checked=true">
                        <input type="radio" id="radio12" name="avatar" value="/images/avatar/avatar20.jpg">
                        <img style="height: 50px;width: 50px;border-radius:50%" th:src="@{/images/avatar/avatar20.jpg}"
                             onclick="radio12.checked=true">
                        <br><br>
                        <label>昵称:</label>
                        <input id="replyName" maxlength="15" ax type="text" name="replyName" value="游客" placeholder="回复昵称">
                    </div>
                    <br>
                    <button style="margin-left: 140px" id="replyButton" class="ui button" type="submit">确定</button>
                </div>
            </div>
            <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
            </div>
            &lt;!&ndash;弹出式菜单样式&ndash;&gt;
            <style type="text/css">
                .content-play {
                    width: 80%;
                    margin-top: 20px;
                    margin-bottom: 10px;
                    height: 40px;
                }

                .hide_box-setting {
                    z-index: 999;
                    filter: alpha(opacity=50);
                    background: #666;
                    opacity: 0.5;
                    -moz-opacity: 0.5;
                    left: 0;
                    top: 0;
                    height: 99%;
                    width: 100%;
                    position: fixed;
                    display: none;
                }

                .hide_box-play {
                    z-index: 999;
                    filter: alpha(opacity=50);
                    background: #666;
                    opacity: 0.5;
                    -moz-opacity: 0.5;
                    left: 0;
                    top: 0;
                    height: 99%;
                    width: 100%;
                    position: fixed;
                    display: none;
                }

                .shang_box-setting {
                    width: 390px;
                    height: 540px;
                    padding: 10px;
                    background-color: #fff;
                    border-radius: 10px;
                    position: fixed;
                    z-index: 1000;
                    left: 50%;
                    top: 50%;
                    margin-left: -195px;
                    margin-top: -280px;
                    border: 1px dotted #dedede;
                    display: none;
                }

                .shang_box-play {
                    width: 540px;
                    height: 540px;
                    padding: 10px;
                    background-color: #fff;
                    border-radius: 10px;
                    position: fixed;
                    z-index: 1000;
                    left: 50%;
                    top: 50%;
                    margin-left: -280px;
                    margin-top: -280px;
                    border: 1px dotted #dedede;
                    display: none;
                }

                .shang_box-play img {
                    border: none;
                    border-width: 0;
                }

                .dashang {
                    display: block;
                    width: 100px;
                    margin: 5px auto;
                    height: 25px;
                    line-height: 25px;
                    padding: 10px;
                    background-color: #E74851;
                    color: #fff;
                    text-align: center;
                    text-decoration: none;
                    border-radius: 10px;
                    font-weight: bold;
                    font-size: 16px;
                    transition: all 0.3s;
                }

                .dashang:hover {
                    opacity: 0.8;
                    padding: 15px;
                    font-size: 18px;
                }

                .shang_close-play {
                    float: right;
                    display: inline-block;
                    margin-right: 10px;
                    margin-top: 20px;
                }

                .shang_logo {
                    display: block;
                    text-align: center;
                    margin: 20px auto;
                }

                .shang_tit-play {
                    width: 100%;
                    height: 75px;
                    text-align: center;
                    line-height: 66px;
                    color: #a3a3a3;
                    font-size: 16px;
                    background: url("../images/cy-reward-title-bg.jpg");
                    font-family: 'Microsoft YaHei';
                    margin-top: 7px;
                    margin-right: 2px;
                }

                .shang_tit-play p {
                    color: #a3a3a3;
                    text-align: center;
                    font-size: 16px;
                }

                .shang_payimg {
                    width: 140px;
                    padding: 10px;
                    padding-left: 80px; /*border:6px solid #EA5F00;**/
                    margin: 0 auto;
                    border-radius: 3px;
                    height: 140px;
                    display: inline-block;
                }

                .shang_payimg img {
                    display: inline-block;
                    margin-right: 10px;
                    float: left;
                    text-align: center;
                    width: 140px;
                    height: 140px;
                }

                .pay_explain {
                    text-align: center;
                    margin: 10px auto;
                    font-size: 12px;
                    color: #545454;
                }

                .shang_payselect {
                    text-align: center;
                    margin: 0 auto;
                    margin-top: 40px;
                    cursor: pointer;
                    height: 60px;
                    width: 500px;
                    margin-left: 110px;
                }

                .shang_payselect .pay_item {
                    display: inline-block;
                    margin-right: 140px;
                    float: left;
                }

                .shang_info-play {
                    clear: both;
                }

                .shang_info-play p, .shang_info-play a {
                    color: #C3C3C3;
                    text-align: center;
                    font-size: 12px;
                    text-decoration: none;
                    line-height: 2em;
                }
            </style>
            <ul>
                <li class="previous">
                    &lt;!&ndash;这里逻辑我也没完全搞懂，但是就是有效，应该是不加/的话会改变当前页面的请求参数&ndash;&gt;
                    <a th:href="@{${lastBlog == null ? '#' : lastBlog.getBlogId()}}" title="上一篇">上一篇：
                        <span th:text="${lastBlog == null ? '没有上一篇啦~':lastBlog.getTitle()}"></span></a>
                </li>
                <li class="next">
                    <a th:href="@{${nextBlog == null ? '#' : nextBlog.getBlogId()}}" title="下一篇">下一篇：
                        <span th:text="${nextBlog == null ? '没有下一篇啦~':nextBlog.getTitle()}"></span>
                    </a>
                </li>
            </ul>

        </section>-->
        <!--评论区start-->
        <!--<section class="post-comments">
            <div class="ui comments">
                <h1></h1>
                <h3 style="background-color: whitesmoke;line-height: 30px;font-size: 15px" class="ui dividing header">写个评论吧~</h3>
                <div class="comment" th:each="comment:${commentsList}">
                    <a class="avatar">
                        <img style="border-radius:50%" th:src="${comment.getAvatarPath()}">
                    </a>
                    <div class="content">
                        <a class="author" th:text="${comment.getComName()}"></a>
                        <div class="metadata">
                            <span class="date" th:text="${#dates.format(comment.getComTime(),'yyyy-MM-dd HH:mm:ss')}">今天下午 5:42</span>
                        </div>
                        <div class="text" style="line-height: 20px" th:text="${comment.getComment()}"></div>
                        <div class="actions">
                            <a class="reply">Reply</a>
                        </div>
                    </div>
                    &lt;!&ndash;评论嵌套&ndash;&gt;
                    &lt;!&ndash;<div class="comments">
                        <div class="comment">
                            <a class="avatar">
                                <img th:src="@{/images/avatar.jpg}">
                            </a>
                            <div class="content">
                                <a class="author">Jenny Hess</a>
                                <div class="metadata">
                                    <span class="date">刚刚</span>
                                </div>
                                <div class="text">艾略特你永远是多么正确 :) </div>
                                <div class="actions">
                                    <a class="reply">Reply</a>
                                </div>
                            </div>
                        </div>
                    </div>&ndash;&gt;
                </div>

            </div>
            <form class="ui reply form" th:action="@{/details/reply}" method="post">
                <input type="hidden" name="blogId" th:value="${blogId}">
                <input type="hidden" id="replyName2" name="replyName" value="游客">
                <input type="hidden" id="avatarPath" name="avatarPath" value="/images/avatar/avatar17.jpg">
                <div class="field">
                    <label>
                        <textarea maxlength="250" name="comment" required="required"></textarea>
                    </label>
                </div>
                <div class="ui blue labeled submit icon button" onclick="settingToggle()">
                    <i class="icon edit"></i> 设置
                </div>
                <button  class="ui blue labeled submit icon button">
                    <i class="icon edit"></i> 发送
                </button>
            </form>
        </section>-->
    </div>
    </section>
    <!--评论区end-->
    <section class="footer">
        <!--begin-->
        <div class="content-wrapper">
            <div class="content-wrapper__inner">
                <div class="main-post-list hidden">
                    <ol class="post-list">
                        <li>
                            <h2 class="post-list__post-title post-title">
                                <a th:href="@{/templates/pages/article.html}" title="访问文章">博客模板功能介绍</a>
                            </h2>
                            <p class="excerpt">在此之前我有写过一篇如何使用我博客模板的文章 请先看这篇基础集成，这篇文章主要讲的是如何使用和修改我的博客主题，文章内容含以下几点：博客特性
                                适配电脑、手机、平板等各屏幕
                                响应式设计 个性化头像 每篇文章自动添加打赏功能 支持Disqus、livere评论系统 支持站点总数访问统计，每篇文章访问统计 支持文章自动生成目录 支持标签分类 支持代码高亮
                                支持文章H1、H2、H3、H4标题样式多样化 支持多种三方社交icon展示，能从博客直接跳转到自己的三方社交主页 支持...&hellip;</p>
                            <div class="post-list__meta">
                                <time datetime="2020-07-11 00:00:00 +0800" class="post-list__meta--date date">
                                    <img src="/images/calendar.png" width="20px"/>
                                    2020-07-11
                                </time>
                                <a href="pages/index-8.htm">
                                    <div class="post-list-icon-mate">
                                        <span class="post-list__meta--tags-right">jekyll</span>
                                    </div>
                                    <div class="post-list-small-mate">
                                        <a class="btn-border-small" th:href="@{/templates/pages/article.html}">阅读全文 » </a>
                                    </div>
                                </a>
                            </div>
                            <hr class="post-list__divider"/>
                        </li>
                        <li>
                            <h2 class="post-list__post-title post-title">
                                <a th:href="@{/index-2.html}" title="访问 博客迭代记录">博客迭代记录</a>
                            </h2>
                            <p class="excerpt">
                                介绍本博客首发时间为2015年，至今已经5个年头了。感觉之前更新迭代的有点乱，很多用户在使用的时候也没法确定是否要更新新版的博客，再次我专门用一篇文章来记录博客更新迭代的记录，如果你已经在使用我的博客模板的，你可以看看更新记录后确认下是否要更新。博客的全功能介绍请看博客功能介绍1.0.02016-11-25
                                第一版发布，红色主题2.0.0 开发中 2016-11-25 修改博客风格为淡蓝色主题 2016-12-16 增长404、about等页面 2017-1-12 增加代码高亮 2...&hellip;
                            </p>
                            <div class="post-list__meta">
                                <time datetime="2020-07-10 00:00:00 +0800" class="post-list__meta--date date">
                                    <img src="images/calendar.png" width="20px"/>
                                    2020-07-10
                                </time>
                                <a th:href="@{/templates/pages/args.html}" tppabs="https://lygoup@163.com.cn/tags"></a>
                                <div class="post-list-icon-mate">
                                    <span class="post-list__meta--tags-right">jekyll</span>
                                </div>
                                <div class="post-list-small-mate">
                                    <a class="btn-border-small" th:href="@{/pages/index-2.html}">阅读全文 » </a>
                                </div>
                            </div>
                            <hr class="post-list__divider"/>
                        </li>
                        <li>
                            <h2 class="post-list__post-title post-title">
                                <a th:href="@{/pages/index-3.html}" title="访问 文档支持的Markdown语法">文档支持的Markdown语法</a>
                            </h2>
                            <p class="excerpt">
                                什么是 MarkdownMarkdown
                                是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：如您正在阅读的这篇文章。它使用简单的符号标记不同的标题，分割不同的段落，粗体 或者 斜体
                                某些文字.很多产品的文档也是用markdown编写的，并且以“README.MD”的文件名保存在软件的目录下面。　　一些基本语法标题 H1 :# Header 1 H2 :## Header
                                2 H3
                                :###...&hellip;
                            </p>
                            <div class="post-list__meta">
                                <time datetime="2016-11-20 00:00:00 +0800" class="post-list__meta--date date">
                                    <img src="/images/calendar.png" width="20px"/>
                                    2016-11-20
                                </time>
                                <a th:href="@{/templates/pages/args.html}">
                                    <div class="post-list-icon-mate">
                                        <span class="post-list__meta--tags-right">markdown</span>
                                    </div>
                                    <div class="post-list-small-mate">
                                        <a class="btn-border-small" th:href="@{/pages/index-3.html}">阅读全文 » </a>
                                    </div>
                                </a>
                            </div>
                            <hr class="post-list__divider"/>
                        </li>
                        <li>
                            <h2 class="post-list__post-title post-title">
                                <a th:href="@{/pages/index-4.html}" title="访问Jekyll搭建个人博客">Jekyll搭建个人博客</a>
                            </h2>
                            <p class="excerpt">
                                　之前写了一篇HEXO搭建个人博客的教程获得了很好评，尤其是在简书上目前已经累积了10W+的阅读量了，也有好心的读者主动给我打赏，在此感谢。　如果你看过我的文章会发现我现在的博客样式跟之前是有很大的区别的，之前我也是使用
                                HEXO 搭建的博客，后来发现使用 HEXO 在多台电脑上发布博客，操作起来并不是那么方便，果断就转到了 Jekyll 上，接下来我会讲如何使用 Jekyll
                                搭建博客，博客模板效果。介绍　Jekyll
                                是一个简单的博客形态的静态站点生产机器。它有一个模版目录，其中包含原...&hellip;
                            </p>
                            <div class="post-list__meta">
                                <time datetime="2016-10-14 00:00:00 +0800" class="post-list__meta--date date">
                                    <img src="/images/calendar.png" width="20px"/>
                                    2016-10-14
                                </time>
                                <a th:href="@{/templates/pages/args.html}"></a>
                                <div class="post-list-icon-mate">
                                    <span class="post-list__meta--tags-right">jekyll</span>
                                </div>
                                <div class="post-list-small-mate">
                                    <a class="btn-border-small" href="pages/index-4.htm">阅读全文 » </a>
                                </div>
                            </div>
                            <hr class="post-list__divider"/>
                        </li>
                        <li>
                            <h2 class="post-list__post-title post-title"><a th:href="@{/pages/index-5.html}" title="访问HEXO进阶">HEXO进阶</a>
                            </h2>
                            <p class="excerpt">
                                HEXO接近是最近有一些朋友提出的问题，然后我做了总结，如果你也在使用HEXO，不妨看看，应该会有些帮助。 1、博客部署样式出问题了怎么办？
                                2、电脑重装或者误删了本地博客怎么办？ 3、想使用两台电脑写博客怎么办？ 4、为何使用百度搜不到我的博客？使用Jekyll解决前三个问题。不得不说 Jekyll 确实可以解决我上面三个问题,
                                因为 Jekyll
                                是直接把Markdown格式的文章直接放在github仓库里的, 相当于直接用git来管理博客了, Github 官方也很推荐 Je...&hellip;
                            </p>
                            <div class="post-list__meta">
                                <time datetime="2016-06-12 00:00:00 +0800" class="post-list__meta--date date">
                                    <img src="/images/calendar.png" width="20px" alt=""/>
                                    2016-06-12
                                </time>
                                <a th:href="@{/templates/pages/args.html}"></a>
                                <div class="post-list-icon-mate">
                                    <span class="post-list__meta--tags-right">hexo</span>
                                </div>
                                <div class="post-list-small-mate">
                                    <a class="btn-border-small" href="pages/index-5.htm">阅读全文 » </a>
                                </div>
                            </div>
                            <hr class="post-list__divider"/>
                        </li>
                        <li>
                            <h2 class="post-list__post-title post-title">
                                <a th:href="@{/index-6.html}" title="访问 HEXO搭建个人博客">HEXO搭建个人博客</a>
                            </h2>
                            <p class="excerpt">　　
                                经过各种找资料，踩过各种坑，终于使用 hexo 搭建个人博客初步完成了，域名目前用得时 github 的，我的 hexo 是 3.1.1 版本，hexo
                                不同的版本，很多配置都不一样。好吧，废话不多说了，开始吧。　　本篇文章累计了大量评论，和我的一些解答，读者有什么问题可以先看看评论，或者搜下关键字，如果还是有问题可以给我在评论里给我留言，问题很着急的可以加我
                                ＱＱ：1499065178　，或者给我发邮件：lygoup@163.com@，都可以，如果你已经搭建完成了，可...&hellip;
                            </p>
                            <div class="post-list__meta">
                                <time datetime="2015-08-25 00:00:00 +0800" class="post-list__meta--date date">
                                    <img src="/images/calendar.png" width="20px" alt=""/>
                                    2015-08-25
                                </time>
                                <a th:href="@{/templates/pages/args.html}"></a>
                                <div class="post-list-icon-mate">
                                    <span class="post-list__meta--tags-right">hexo</span>
                                </div>
                                <div class="post-list-small-mate">
                                    <a class="btn-border-small" href="pages/index-6.htm">
                                        阅读全文
                                        »
                                    </a>
                                </div>
                            </div>
                            <hr class="post-list__divider"/>
                        </li>
                    </ol>
                    <hr class="post-list__divider "/>
                    <nav class="pagination" role="navigation">
                        <span class="pagination__page-number">1 / 1</span>
                    </nav>
                </div>
                <section class="footer">
                    <footer>
                        <div class="footer_div">
                            <nav class="cover-navigation navigation--social">
                                <ul class="navigation">
                                    <!-- Github -->
                                    <li class="navigation__item_social">
                                        <a href="#" title="@lygoup@163.com 的 Github"
                                           target="_blank">
                                            <div class="footer-social-icon" style="background:url(/images/github.png);"></div>
                                        </a>
                                    </li>
                                    <!-- Email -->
                                    <li class="navigation__item_social">
                                        <a href="mailto:lygoup@163.com" title="Contact me">
                                            <div class="footer-social-icon"
                                                 style="background:url(../images/email.png);"></div>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="footer_div">
                            <p class="copyright text-muted">
                                Copyright &copy; 柳勇 2020 Theme by <a href="mailto:lygoup@163.com">lygoup@163.com</a>|
                            </p>
                            <div align="right">
                                <link rel="stylesheet" th:href="@{/css/font-awesome.min-1.css}">
                                <!-- 访问统计 -->
                                <span id="busuanzi_container_site_pv">
                            本站总访问量
                            <span></span>次
                        </span>
                            </div>
                        </div>
                    </footer>
                </section>
            </div>
        </div>
        <!--end-->
<!--        <footer>-->
<!--            <div class="footer_div">-->
<!--                <nav class="cover-navigation navigation&#45;&#45;social">-->
<!--                    <ul class="navigation">-->
<!--                        &lt;!&ndash; Email &ndash;&gt;-->
<!--                        <li class="navigation__item_social">-->
<!--                            <a href="mailto:lygoup@163.com" title="Contact me">-->
<!--                                <img th:src="@{/images/email.png}" style="width: 30px" height="30px" alt="email">-->
<!--                                &lt;!&ndash;<div class="footer-social-icon" style="background:url('../images/email.png');width: 30px;height: 30px"></div>&ndash;&gt;-->
<!--                            </a>-->
<!--                        </li>-->
<!--                        &lt;!&ndash; CSDN &ndash;&gt;-->
<!--                        <li class="navigation__item_social">-->
<!--                            <a href="https://blog.csdn.net/weixin_44773580" title="csdn">-->
<!--                                <img th:src="@{/images/csdn.png}" style="width: 30px" height="30px" alt="email">-->
<!--                                &lt;!&ndash;<div class="footer-social-icon" style="background:url('../images/email.png');width: 30px;height: 30px"></div>&ndash;&gt;-->
<!--                            </a>-->
<!--                        </li>-->
<!--                        &lt;!&ndash; GitHub &ndash;&gt;-->
<!--                        <li class="navigation__item_social">-->
<!--                            <a href="https://github.com/letme5/letme5.github.io" title="github">-->
<!--                                <img th:src="@{/images/github.png}" style="width: 30px" height="30px" alt="email">-->
<!--                                &lt;!&ndash;<div class="footer-social-icon" style="background:url('../images/email.png');width: 30px;height: 30px"></div>&ndash;&gt;-->
<!--                            </a>-->
<!--                        </li>-->
<!--                    </ul>-->
<!--                </nav>-->
<!--            </div>-->
<!--            <div class="footer_div">-->
<!--                <p style="font-size: 12px" class="copyright text-muted">-->
<!--                    Copyright &copy; LiuYong 2021 | Theme by <a href="mailto:lygoup@163.com">lygoup@163.com</a>-->
<!--                </p>-->
<!--                <div align="right">-->
<!--                    <link rel="stylesheet" th:href="@{/css/font-awesome.min-1.css}">-->
<!--                </div>-->
<!--                <br><br>-->
<!--            </div>-->
<!--        </footer>-->
    </section>
</div>
<!--<script>
    let btn = document.querySelector("#replyButton"),//获得button元素
        replyName = document.querySelector("#replyName"),//获得弹出菜单填写的昵称
        avatarPath = document.querySelector("#avatarPath"),//获得隐藏提交表单的头像路径
        replyName2 = document.querySelector("#replyName2");//获得隐藏提交表单的昵称
    btn.onclick = function () {
        $(".hide_box-setting").fadeToggle();//弹出菜单的显示和隐藏，不要删除
        $(".shang_box-setting").fadeToggle();
        if (replyName.value) {

            $('input:radio:checked').each(function(){//循环遍历radio，获得被选中radio的value值
                const checkValue = $(this).val();
                avatarPath.value = checkValue;//将选中radio的值赋给隐藏表单的value
                console.log($(this).val());　　// 选中框中的值
            });

            replyName2.value = replyName.value;//将弹出菜单填写的value赋值给表单的隐藏input
        } else {
            alert("你尚未输入信息,请重新输入")
        }
    }
</script>-->
<script type="text/javascript" th:src="@{/js/jquery-1.11.3.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main.js}"></script>
<script type="text/javascript" th:src="@{/js/highlight.pack.js}"></script>
</body>
</html>
